<template>
  <div class="container">
    <!-- 哆啦A梦 -->
    <div class="doa">

      <!-- 头 -->

      <div class="head">
        <div class="face">
          <div>
            <div>
              <div></div>
            </div>
            <div>
              <div></div>
            </div>
          </div>
          <div>
            <div>
              <div></div>
            </div>
          </div>
        </div>

        <div class="nose">
          <div></div>
        </div>
        <div class="nose1"></div>
      </div>

      <!-- 嘴 -->

      <div class="mouth">
        <div></div>
        <div></div>
      </div>

      <!-- 脖 -->

      <div class="neck">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>

      <!-- 胡须 -->

      <div class="beard">
        <div class="left">
          <div></div>
          <div></div>
          <div></div>
        </div>
        <div class="right">
          <div></div>
          <div></div>
          <div></div>
        </div>
        <span></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  }
}
</script>

<style lang="less" scoped>
@import "Index";
</style>
